<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>沐仁科技</title>
    <link rel="stylesheet" href="./css/u-reset.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>   
    <div class="menu">
        <div class="container-fluid menu-con">
            <img src="./img/menu.png" alt="" class="eng">
            <ul class="class">
                <li class="active">首页</li>
                <li>工业设计</li>
                <li>文化创意</li>
                <li>关于</li>
            </ul>
            <img src="./img/logo.png" alt="" class="logo">
            <div class="right"><a href=""><img src="./img/caidan.png" alt=""></a></div>
        </div>
        
    </div> 
       
    <div class="banner"></div>
    <div class="container ">
        <div class="row">
            <div class="service">
                <h2>我们的服务</h2>
                <div class="img"><img src="./img/person.png" alt=""></div>
                <p>以用户研究为基础的创新设计解决方案</p>
            </div>
        </div>
        <div class="row">
            <div class="list col-lg-3 col-md-12 col-sm-12 ">
                <img src="./img/1.png" alt="">
                <h3>用户研究</h3>
                <p>用户研究是设计的前置工作</p>
                <p>我们的设计大多基于用户研究的结果</p>
            </div>
            <div class="list col-lg-3 col-md-12 col-sm-12 ">
                <img src="./img/2.png" alt="">
                <h3>工业设计</h3>
                <p>工业设计是科技和艺术的应用</p>
                <p>我们以技术经验与艺术修养达成创新</p>
            </div>
            <div class="list col-lg-3 col-md-12 col-sm-12 ">
                <img src="./img/3.png" alt="">
                <h3>互联网产品设计</h3>
                <p>互联网产品设计是工业设计的分支</p>
                <p>我们基于体验要素创造好用的产品</p>
            </div>
            <div class="list col-lg-3 col-md-12 col-sm-12 ">
                <img src="./img/4.png" alt="">
                <h3>文化创意</h3>
                <p>文化创意是特定文化的延伸</p>
                <p>我们通过洞察传统文化与当代人的内在联系创作文化产品</p>
            </div>
        </div>
       
    </div>
    
    <div class="sites">
        <div class="container">
            <div class="row">
                <div class="service customer">
                    <h2>合作客户</h2>
                    <div class="img"><img src="./img/bag.png" alt=""></div>
                    <p>
                        科技有限公司等科研院所和科技创新型企业提供工业设计、
                        互联网产品设计、UI设计解决方案。项目领域涉及医疗机器
                        人、工业级视觉识别设备、工业机床、酒店管理软件、农业
                        货物追溯系统软件、远程医疗软件等。
                    </p>
                </div>
            </div>
            <div class="row gx-1 gy-1">
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co1.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co2.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co3.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co4.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co5.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co6.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co7.png" alt=""></a>
                </div>
                <div class="site col-lg-3 col-md-3 col-sm-6">
                    <a href=""><img src="./img/co8.png" alt=""></a>
                </div>
            </div>
            
        </div>
    </div>
    
    <div class="container form">
        <div class="service contact">
            <h2>联系我们</h2>
            <div class="img"><img src="./img/phone.png" alt=""></div>
            <p>
                如果您需要工业设计、UI设计、APP交互设计、文创产
                品设计研究以及其他相关的设计服务，就赶快联系我们
                吧！请您在下方填写姓名、联系方式以及您的需求，并
                点击“即刻联络”，我们收到您的需求后会给您回电。您
                也可以直接拨打公司电话<strong>010-86460902</strong>，也可以发送邮
                件至<strong>info@moonren.com </strong>。期待为您提供最棒的服务！  
            </p>
        </div>
        <form >
            <div class="mb-3">
                <label  class="name form-label">您的姓名<span> *</span></label>
                <textarea class="form-control" rows="1"></textarea>
            </div>
            <div class="mb-3">
                <label  class="name form-label">您的单位<span> *</span></label>
                <textarea class="form-control" rows="1"></textarea>
            </div>
            <div class="mb-3">
                <label  class="name form-label">您的邮箱<span> *</span></label>
                <input type="email" class="form-control"  >
            </div>
            <div class="mb-3">
                <label  class="name form-label">联系电话<span> *</span></label>
                <textarea class="form-control" rows="1"></textarea>
            </div>
            <div class="mb-3">
                <label  class="name form-label">您的需求<span> *</span></label>
                <textarea class="form-control" rows="1"></textarea>
            </div>
            <div class="col-auto cont">
                <button type="submit" class="btn btn-primary mb-3 contin">即刻联络</button>
            </div>
        </form>
    </div>
    <script src="./js/bootstrap.bundle.min.js"></script>
</body>
</html>